<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title> Humans vs. Zombies New Paltz </title>
        <link rel="stylesheet" type="text/css" href="css/blueprint/ie.css"/>
        <link rel="stylesheet" type="text/css" href="css/blueprint/screen.css"/>
        <link rel="stylesheet" type="text/css" href="css/main.css">
    </head>
    <body>
        <div id="login_panel" class="clearfix">
           <form action="" class="inline right">
              <label class="label" for="username"> Username </label>
              <input name="username" />
              <label class="label" for="password"> Password </label>
              <input name="password" type="password" />
              <input type="submit" value="Login" />
           </form>
       </div>
       <div class="container">
          <div id="header" class="span-24 last">
             <div id="banner" class="span-24 last">
                <img src="img/hvzbanner.png" />
             </div>
             <div id="primary_nav" class="span-24 last">
                <ul class="navigation_menu">
                   <li> <a href="#"> News </a> </li>
                   <li> <a href="#"> Current Game </a> </li>
                   <li> <a href="list.html"> Player List </a> </li>
                   <li> <a href="#"> Report a Kill </a> </li>
                </ul>
             </div>
             <div id="ad" class="span-24 last">
                <img src="img/ad.png"/>
             </div>
             <div id="secondary_nav" class="span-24 last">
                <ul id="navmenu-h" class="secondary_navigation_menu">
                   <li> <a href="#"> HVZ Information </a> 
                      <ul>
                         <li> <a href="#"> Rules  </a> </li>
                         <li> <a href="#"> Gameplay  </a> </li>
                         <li> <a href="#"> Nerf  </a> </li>
                         <li> <a href="#"> Conduct  </a> </li>
                      </ul>
                   </li>
                   <li> <a href="#"> School Information </a>
                      <ul>
                         <li> <a href="#"> HVZ Club  </a> </li>
                         <li> <a href="#"> The School  </a> </li>
                         <li> <a href="#"> The Students  </a> </li>
                      </ul>
                   </li>
                   <li> <a href="#"> Contact Us </a> </li>
                   <li> <a href="#"> FAQ </a> </li>
                </ul>
             </div>
          </div>       
          <div id="content" class="span-24  last">
             <div id="article_list" class="span-12">
                <div class="article">
                   <h1 class="left"> Article Title for you Here </h1>
                   <h2 class="right"> Febuary 21, 2010 </h2>
                   <p style="clear: both;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec felis vitae lorem sagittis euismod. Pellentesque id neque at odio imperdiet ullamcorper sit amet quis purus. Phasellus nisi lorem, ultricies vitae euismod nec, laoreet nec mi. Quisque convallis rhoncus ultricies. Nam metus magna, ornare a fermentum suscipit, pretium vitae libero. Sed a lorem et neque semper mattis. Pellentesque tincidunt gravida ligula, vitae accumsan nulla placerat sit amet. Aenean et odio purus, eget pretium massa. Nunc tincidunt risus vitae nisl laoreet aliquet. Maecenas tincidunt mi eget sem sollicitudin porttitor. Suspendisse potenti. </p>
                   <p>Sed nec dui mi. Duis vel sollicitudin ante. Fusce a rhoncus massa. Fusce urna risus, pulvinar et pharetra at, mollis sed augue. Nullam vehicula felis vel leo tempus fringilla. Curabitur id ligula bibendum nibh vulputate tristique ut non massa. Pellentesque vitae dolor eu elit venenatis tincidunt ultricies id dui. Vivamus ut elementum massa. Fusce viverra justo ut nulla auctor ullamcorper. Duis condimentum orci non urna eleifend id hendrerit nisl scelerisque. Phasellus ultrices, enim ut lobortis sollicitudin, lectus velit accumsan turpis, in consequat dolor felis ut massa. Mauris id nunc risus. Aliquam quis risus a massa lobortis tempor. Ut ut pulvinar nibh. Vivamus gravida tincidunt aliquet. Etiam a nunc et eros venenatis suscipit ut mattis lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ullamcorper adipiscing dapibus. </p>
                   <a class="" href="#"> View all articles </a>
                </div>
             </div>
             <div id="information" class="span-12 last">
                 <div id="registration">
                     <h2 > Registration is currently: OPEN </h2>
                 </div>
                 <div id="join_button">
                     <h2> Join Now </h2>
                 </div>
                 <div id="latest">
                    <h2> Join us in the action... </h2>
                    <img class="side_ad" width="400px" alt="ad" src="img/ad2.png" />
                 </div>
             </div>
          </div>
       </div>        
       <div id="footer" class="clearfix">
          <p> Site Designed by Nate Krantz &copy; 2011  </p>
          <p> For use by the Humans vs. Zombies club at SUNY New Paltz </p>
          <p> Always be prepared. </p>
       </div>
    </body>
</html>
